<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 箭头函数 : 一种箭头语法的函数;
        // ES5
        // 1.赋值式 
            // 匿名函数
            var fn = function(){
                console.log('fn');
            }

            // 命名函数
            function fn1(){
                console.log('fn1');
            }

            //ES6
            //这里this指向fn2
            var fn2 = ()=>{
                console.log('fn2');
            }
            fn2();

            //如果是一个参数,可以省略参数的小括号或者函数体的大括号
            //没有arguements,可以通过rest剩余参数代替arguements
            var fn3 = a => {
                console.log(a);
            }
            fn3(10)

            var fn4 = (...args)=>{
                console.log('fn4');
            }

            //箭头函数,自带return,隐式返还
            //不写大括号会自动返还值
            //对象要加在()里面
            var fn5 = (a) => ({name:':·.'})

    </script>
</body>
</html>